*{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.topbar{
    width: 100%;
    padding-top:10px;
    height: 44px;
    background-color: #d3f261;
}

.topbar .container{
    width: 60%;
    margin:0 auto;
}

.logo{
    display: inline-block;
    vertical-align: middle;
}
.logo a{
    font-size: 24px;
    color: #5b8c00;
    font-weight: 400;
    line-height: 30px;
}

.catalog a{
    float: left;
    font-size: 20px;
    color:#5b8c00;
    transition: .2s;
}
.catalog a:hover{
    transition: .2s;
    transform:scale(1.1);
    transition-timing-function:ease-in-out;
    color:#254000;
}
.rightgap{
    margin-right:35px;
}

.middle{
    width: 60%;
    height: auto;
    margin:10px auto;
    background-color: #fcffe6;
}

.middle .text{
    margin:60px 0;
    padding:0 80px;
}
.middle .text p{
    font-size:18px;
    line-height: 36px;
}
.middle .text h1{
    font-size:24px;
    font-weight: 600;
    text-align: center;
}
.middle .videolink{
    margin:10px 0;
    font-size: 18px;
}
.middle .videolink button{
    border:none;
    border: 1px solid transparent; 
    outline: none;    
    background-color: transparent;
    font-weight: 500;
    color: rgb(9, 167, 211);
    transition: .1s;
}
.middle .videolink button:hover{
    color: rgb(4, 100, 202);
    transition: .1s;
}

.middle .ui-dialog .ui-dialog-titlebar{
    display: none !important;
}

.middle .ui-dialog .ui-dialog-content{
    padding: 0 0;
}



.preparation .game2020-picture{
    width: 100%;
    height: auto;
    display: block;
}
.preparation .video{
    width: 100%;
    height: auto;
    display: block;
}

.preparation .title{
    margin-top: 10px;
    padding: 8px 15px;
    font-size: 20px;
    font-weight: 600;
    color:#fff;;
    display:inline-block;
    background-color: #ffa940;
    border-radius: 20px;
}
.preparation .board{
    margin-top:10px;
    margin-bottom: 50px;
    margin-left: 50px;
}
.preparation .board .game2020-picbox{
    float: left;
    display: block;
    margin: 2% 2%;
    padding:5px 5px;
    border: 1px solid gray;
    box-shadow: greenyellow;
    background-color: rgba(0, 0, 0, .3);
}
.w30{
    width: 30%;
}
.w35{
    width: 35%;
}
.w40{
    width: 40%;
}
.w45{
    width: 45%;
}
.w50{
    width: 50%;
}
.w55{
    width: 55%;
}
.w60{
    width: 60%;
}
.w65{
    width: 65%;
}
.w70{
    width: 70%;
}

.preparation .board .videobox{
    float: left;
    display: block;
    margin: 2% 2%;
}


.placeholder{
    padding:150px 10%;
    min-height:800px;
}
.placeholder img{
    display: block;
    margin: 0 5%;
}